﻿<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link media="all" rel="stylesheet" href="/static/css/global.css" type="text/css" />
    <link media="all" rel="stylesheet" href="/static/css/util.css" type="text/css" />
    <link media="all" rel="stylesheet" href="/static/css/register.css" type="text/css" />
    <link media="all" rel="stylesheet" href="/static/css/setting.css" type="text/css" />
    <link media="all" rel="stylesheet" href="/static/css/minimap.css" type="text/css" />
    <link media="all" rel="stylesheet" href="/static/css/map.css" type="text/css" />
    <link media="all" rel="stylesheet" href="/static/css/building.css" type="text/css" />
    <link media="all" rel="stylesheet" href="/static/css/weibo.css" type="text/css" />
    <link media="all" rel="stylesheet" href="/static/css/library.css" type="text/css" />
    <link media="all" rel="stylesheet" href="/static/css/dorm.css" type="text/css" />
    <link media="all" rel="stylesheet" href="/static/css/restaurant.css" type="text/css" />
    <link media="all" rel="stylesheet" href="/static/css/teach.css" type="text/css" />
	<script data-main="/static/js/main" src="/static/js/require.js" type="text/javascript"></script>
</head>
<body>
	<div id="viewport">
		<div class="maplayer">
			<div class="mapcanvas">

				<div class="node-loading" style="display:none;">正在加载...</div>

			</div><!-- mapcanvas -->
		</div><!-- maplayer -->
	</div><!-- #viewport -->
	<div class="apploading"></div>

	<div class="function" style="display:none;">
			<!--a href="#" class="homepage"></a-->		
			<a href="#" class="news"></a>
			<a href="#" class="friend"></a>
			<a href="#" class="search"></a>
			<a href="#" class="setting"></a>
			<a href="#" class="logout"></a>
	</div>
	<div id="logo"></div>

	<div id="lib-building" style="display:none;">
		<div class="lib-floor">
			<div class="lib-bigwall_left"></div>
			<div class="lib-bigwall_right"></div>
			<div class="lib-bigwall_up"></div>
			<div class="lib-bigwall_down_left"></div>
			<div class="lib-bigwall_down_right"></div>

			<a href="#" class="lib-down lib-leave"></a>

			<div class="lib-board">
				<div class="lib-search">
					<div class="lib-title" style="display:block;"></div>
					<div class="lib-headline" style="display:block;"></div>
					<textarea class="lib-keyword" style="display:block;"></textarea>
					<a href="#" class="lib-dosearch" style="display:block;"></a>
				</div>
				<div class="lib-result">
				</div>
			</div>
		</div>
	</div>
	<div id="dorm-building" style="display:none;">
		<div class="dormitory-roof"></div>
		<div class="dormitory-frame">
			<a href="#" class="dormitory-exit">X</a>	
			<div class="dormitory-displayblock" style="overflow-y:auto;">
				<ul class="dormitory-ul">
				</ul>
			</div>
		</div>
	</div>
	<div id="can-building" style="display:none;">
		<div class="restaurant-right-floor">
			<div class="restaurant-right-wall_up_left"></div>
			<div class="restaurant-right-wall_down_left"></div>
			<div class="restaurant-right-bigwall_up"></div>
			<div class="restaurant-right-bigwall_down"></div>
			<div class="restaurant-right-bigwall_right"></div>
			<a href="#" class="restaurant-right-right"></a>
			<a href="#" class="restaurant-right-left"></a>
			<a href="#"class="restaurant-right-down"></a>

			<div class="restaurant-right-board">
				<div class="restaurant-right-nameafter"></div>
				<div class="restaurant-right-boardname"><h2>吃货交流区</h2></div>
				
				<div class="restaurant-right-boardafter"></div>
				<div class="restaurant-right-boardbody"></div>
				<a href="#" class="restaurant-right-post"></a>
				<div class="restaurant-right-frame" style="overflow-y:auto;">
					<ul class="restaurant-right-ul">
					</ul>
				</div>
			</div>
		</div><!-- restaurant-right-floor -->

		<div class="restaurant-mid-floor">
			<div class="restaurant-mid-wall_left"></div>
			<div class="restaurant-mid-wall_right"></div>
			<div class="restaurant-mid-wall_up"></div>
			<div class="restaurant-mid-wall_down_left"></div>
			<div class="restaurant-mid-wall_down_right"></div>
			<div class="restaurant-mid-bigwall_down_left"></div>
			<div class="restaurant-mid-bigwall_down_right"></div>
			<a href="#" class="restaurant-mid-right"></a>
			<a href="#" class="restaurant-mid-left"></a>
			<a href="#"class="restaurant-mid-down"></a>
			
			<div class="restaurant-mid-board">
				<div class="restaurant-mid-nameafter"></div>
				<div class="restaurant-mid-boardname"><h2>美味卖家<div class="restaurant-mid-top">TOP10</div></h2></div>
				
				<div class="restaurant-mid-boardafter"></div>
				<div class="restaurant-mid-boardbody">
					<div class="restaurant-mid-listboard">
						<div class="restaurant-mid-leftboard">
							<div class="restaurant-mid-item"><h4>美味的食品铺子</h4></div>
							<div class="restaurant-mid-item"><h4>美味的食品铺子</h4></div>
							<div class="restaurant-mid-item"><h4>美味的食品铺子</h4></div>
							<div class="restaurant-mid-item"><h4>美味的食品铺子</h4></div>
							<div class="restaurant-mid-item"><h4>美味的食品铺子</h4></div>
						</div>
						<div class="restaurant-mid-midline"></div>
						<div class="restaurant-mid-rightboard">
							<div class="restaurant-mid-item"><h4>美味的食品铺子</h4></div>
							<div class="restaurant-mid-item"><h4>美味的食品铺子</h4></div>
							<div class="restaurant-mid-item"><h4>美味的食品铺子</h4></div>
							<div class="restaurant-mid-item"><h4>美味的食品铺子</h4></div>
							<div class="restaurant-mid-item"><h4>美味的食品铺子</h4></div>
						</div>
						<div class="restaurant-mid-top1"></div>
						<div class="restaurant-mid-top2"></div>
						<div class="restaurant-mid-top3"></div>
					</div>
					<div class="restaurant-mid-view">
						<div class="restaurant-mid-viewtext" style="overflow-y:auto;">
							<ul class="restaurant-mid-ul">
							</ul>
						</div>
					</div>
				</div>
				<a href="#" class="restaurant-mid-post"></a>
			</div>
		</div><!-- restaurant-mid-floor -->

		<div class="restaurant-left-floor">
			<div class="restaurant-left-wall_up_right"></div>
			<div class="restaurant-left-wall_down_right"></div>
			<div class="restaurant-left-bigwall_up"></div>
			<div class="restaurant-left-bigwall_down"></div>
			<div class="restaurant-left-bigwall_left"></div>
			<a href="#" class="restaurant-left-right"></a>

			<div class="restaurant-left-board">
				<div class="restaurant-left-nameafter"></div>
				<div class="restaurant-left-boardname"><h2>美食推荐榜</h2></div>
				
				<div class="restaurant-left-boardafter"></div>
				<div class="restaurant-left-boardbody"></div>
				<a href="#" class="restaurant-left-post"></a>
				<div class="restaurant-left-frame" style="overflow-y:auto;">
					<ul class="restaurant-left-ul">
					</ul>
				</div>
			</div>
		</div><!-- restaurant-left-floor -->
	</div>
	<div id="teach-building" style="display:none;">
		<div class="class-mid-floor">

			<div class="class-mid-wall_left"></div>
			<div class="class-mid-wall_right"></div>
			<div class="class-mid-wall_up"></div>
			<div class="class-mid-wall_down_left"></div>
			<div class="class-mid-wall_down_right"></div>
			<div class="class-mid-bigwall_down_left"></div>
			<div class="class-mid-bigwall_down_right"></div>

			<a href="#" class="class-mid-right"></a>
			<a href="#"class="class-mid-down"></a>

			<div class="class-mid-board">
				<div class="class-mid-nameafter"></div>
				<div class="class-mid-boardname"><h2>有课教室</h2></div>
				
				<div class="class-mid-boardafter"></div>
				<div class="class-mid-boardbody">
					<div class="class-mid-textbox" style=" overflow-y:scroll">
					</div>
				</div>
			</div>
		</div>
		
		<div class="class-right-floor">

			<div class="class-right-wall_up_left"></div>
			<div class="class-right-wall_down_left"></div>
			<div class="class-right-bigwall_up"></div>
			<div class="class-right-bigwall_down"></div>
			<div class="class-right-bigwall_right"></div>

			<a href="#" class="class-right-right"></a>
			<a href="#" class="class-right-left"></a>
			<a href="#"class="class-right-down"></a>

			<div class="class-right-board">
				<div class="class-right-nameafter"></div>
				<div class="class-right-boardname"><h2>状态墙</h2></div>
				
				<div class="class-right-boardafter"></div>
				<div class="class-right-boardbody"></div>
				<a href="#" class="class-right-post"></a>
				<div class="class-right-frame" style="overflow-y:auto;">
					<ul class="class-right-ul">
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div class="citizen-card" style="display:none;"></div>

	<div id="dialog1" class="dialog1" style="display: none;">
		<div class="dialog1-wrap" style="opacity: 1; width: 720px;">
			<span class="dialog1-shd2"></span>
			<div class="dialog1-content">
				<div class="dialog1-hd" style="display:none;"></div>
				<div class="dialog1-bd">
				</div>
			</div>
			<a href="#" class="dialog1-close" style="display: block;">X</a>
			<div class="dialog1-fb"></div>
		</div>
	</div><!-- #dialog1 -->
	<div id="dialog2" class="dialog1" style="display: none;">
		<div class="dialog1-wrap" style="opacity: 1; width: 450px;">
			<span class="dialog1-shd2"></span>
			<div class="dialog1-content">
				<div class="dialog1-hd"></div>
				<div class="dialog1-bd">
				</div>
			</div>
			<a href="#" class="dialog1-close" style="display: block;">X</a>
			<div class="dialog1-fb"></div>
		</div>
	</div><!-- #dialog2 -->
	<div id="dialog3" class="dialog2" style="display:none;">
		<div class="dialog2-wrap">
			<div class="dialog2-header">
				<div class="dialog2-close">X</div>
			</div><!-- dialog2-header -->
			<div class="dialog2-body">
			</div><!-- dialog2-body -->
			<div class="dialog2-footer"></div>
		</div>
	</div><!-- #dialog3 -->
	<div id="dialog4" class="dialog1" style="display: none;">
		<div class="dialog1-wrap" style="opacity: 1; width: 720px;">
			<span class="dialog1-shd2"></span>
			<div class="dialog1-content">
				<div class="dialog1-hd" style="display:none;"></div>
				<div class="dialog1-bd">
				</div>
			</div>
			<a href="#" class="dialog1-close" style="display: block;">X</a>
			<div class="dialog1-fb"></div>
		</div>
	</div><!-- #dialog1 -->
	<div id="shadow1" class="shadow" style="display:none;"></div>
	<div id="shadow2" class="shadow" style="display:none;"></div>
	<div id="shadow3" class="shadow" style="display:none;"></div>
	<div id="shadow4" class="shadow" style="display:none;"></div>

	<script type="text/template" id="tplNode">
		<div class="node" style="{%= style %}">
			{% paths.forEach(function(path){ %}
				<div class="path path-{%= path.type %}" style="{%= path.style %}">
				{% path.rows && path.rows.forEach(function(row){ %}
					<h2>{%= path.street_name == null ? '' : path.street_name %}</h2>
					<div class="row row{%= row.type %}" style="{%= row.style %}">
						{% row.buildings.forEach(function(building){ %}
							<div class="building {%= building.type %}" data-id="{%= building.building_id %}">
								<div class="hd">
								<h6>{%= building.name %}<a href="#!{%= building.building_id %}" class="building-weibolist"></a></h6>
								</div>
							</div>
						{% }); %}
					</div>	
				{% }); %}
					{% path.marks.forEach(function(mark){ %}
						<div class="road-mark path{%= mark.type %}"></div>		
					{% }); %}
				</div>
			{% }) %}
		</div>
	</script>
	<script type="text/template" id="tplLogin">
		<div class="bottom_main">
			<ul id="tabs">
			    <li><a href="#" name="Login">登陆</a></li>
				<li><a href="#" name="Register">注册</a></li>
			</ul>
			<div class="content"> 
			    <div class="register-box" id="Login">
					<span class="err-msg-box" style="display:none;">
						邮箱或密码输入错误~ 别着急慢慢来~
					</span>
			    	<dl>
			    		<dt>邮箱:</dt>
			    		<dd>
			    			<input type="TEXT" class="input_text" name="email"/>
			    		</dd>
			    		<dt>密码:</dt>
			    		<dd>
			    			<input type="PASSWORD" class="input_text" name="password">
			    		</dd>
			    		<dd>
			    			<button type="SUBMIT" name="submit">登陆</button>
			    		</dd>
			    	</dl>

			    </div>
			    <div class="register-box" id="Register">
					<span class="err-msg-box" style="display:none;">
						信息输入错误哦~~请仔细确认~
					</span>
			    	<dl>
			    		<dt>邮箱:</dt>
			    		<dd>
			    			<input type="TEXT" class="input_text" name="email"/>
			    		</dd>
			    		<dt>密码:</dt>
			    		<dd>
			    			<input type="PASSWORD" class="input_text" name="password">
			    		</dd>
			    		<!--dt>确认密码:</dt>
			    		<dd>
			    			<input type="PASSWORD" class="input_text" name="repsw">
			    		</dd-->
			    		<dt>昵称:</dt>
			    		<dd>
			    			<input type="TEXT" class="input_text" name="nickname">
			    		</dd>
			    		<!--dt>验证码:</dt>
			    		<dd>
			    			<input type="TEXT" class="input_text_regcode" name="reg">
			    		</dd-->
			    		<dd>
			    			<button type="SUBMIT" name="submit">注册</button>
			    		</dd>
			    	</dl>
			    </div>
			</div>

		</div>
	</script>	
	<script type="text/template" id="tplSound">
		<div class="sound-{%= className %}">
			{% bubbles.forEach(function(bubble){ %}
				<a href="#" class="sound-bubble layer{%= bubble.layer %}" style="{%= bubble.style %}">
					<span class="sound">{%= bubble.content %}</span>
					<div class="arrow"></div>
				</a>
			{% }); %}
		</div>
	</script>
	<script type="text/template" id="tplWeibo">
		{% if( tranBlog ){ %}			
			<dt class="weibo-avatar">
				<a href="#"><img src="/static/images/{%= tranUser.userInfo.avatar %}" alt="" /></a>
			</dt>
			<dd class="weibo-content">
				<p class="original">
					<a class="username" href="#">{%= tranUser.nickName %}</a>：
					<em class="comment-list">{%= tranBlog.tranReason %}</em>
				</p>
				<dl class="transmit">
					<dt>
						<a class="username" href="#">{%= originalUser.nickName %}</a>：
						<em>{%= originalBlog.blogContent %}</em>
					</dt>
					<dd class="weibo-bottom-bar">
						<span class="weibo-action">
							<a class="btn-transmit" href="#">转发</a><i>|</i>
							<a class="btn-remove" href="#">删除</a>
						</span>
						<span class="weibo-date">{%= originalBlog.blogDateTime %}</span>
					</dd>
				</dl>
				<p class="weibo-bottom-bar">
					<span class="weibo-action">
						<a class="btn-transmit" href="#">转发</a><i>|</i>
						<a class="btn-tran-remove" href="#">删除</a>
					</span>
					<span class="weibo-date">{%= tranBlog.tranDateTime %}</span>
				</p><!-- weibo-bottom-bar -->
			</dd>
		{% }else{ %}
			<dt class="weibo-avatar">
				<a href="#"><img src="/static/images/{%= originalUser.userInfo.avatar %}" alt="" /></a>
			</dt>
			<dd class="weibo-content">
				<p class="original">
					<a class="username" href="#">{%= originalUser.nickName %}</a>：
					<em class="comment-list">{%= originalBlog.blogContent %}</em>
				</p>
				<p class="weibo-bottom-bar">
					<span class="weibo-action">
						<a class="btn-transmit" href="#">转发</a><i>|</i>
						<a class="btn-remove" href="#">删除</a>
					</span>
					<span class="weibo-date">{%= originalBlog.blogDateTime %}</span>
				</p><!-- weibo-bottom-bar -->
			</dd>
		{% } %}
	</script>
	<script type="text/template" id="tplAddWeibo">
		<div class="addweibo">
			<!--p>还可以输入<span>140</span>个字</p-->
			<textarea name="content" rows="10" cols="30"></textarea>
			<input type="radio" name="replyType" value="1" checked="checked"/>任何人可回复
			<input type="radio" name="replyType" value="2" />好友可回复
			<input type="radio" name="replyType" value="3" />不可回复
			<a class="post" href="#">发布</a>
		</div>
	</script>
	<script type="text/template" id="tplTranWeibo">
		<div class="tranweibo">
			<div class="original">
				{%= originalBlog.blogContent %}
			</div>
			<!--p>还可以输入<span>140</span>个字</p-->
			<textarea name="tranReason" rows="10" cols="30"></textarea>
			<input type="radio" name="replyType" value="1" checked="checked"/>任何人可回复
			<input type="radio" name="replyType" value="2" />好友可回复
			<input type="radio" name="replyType" value="3" />不可回复
			<a class="transmit" href="#">转发</a>
		</div>
	</script>
	<script type="text/template" id="tplRmWeibo">
		<div class="rmweibo">
			<a href="#" class="confirm">确定</a>
			<a href="#" class="cancel">取消</a>
		</div>
	</script>
	<script type="text/template" id="tplComment">
		<dt class="weibo-avatar">
			<a href="#"><img src="/static/images/{%= userInfo.userInfo.avatar %}" alt="" /></a>
		</dt>
		<dd class="weibo-content">
			<p class="original">
				<a class="username" href="#">{%= userInfo.nickName %}</a>：
				<em>{%= comment.comment %}</em>
			</p>
			<p class="weibo-bottom-bar">
				<span class="weibo-action"><a class="remove" href="#">删除</a></span>
				<span class="weibo-date">{%= comment.dateTime %}</span>
			</p><!-- weibo-bottom-bar -->
		</dd>
	</script>
	<script type="text/template" id="tplWeiboCmtList">
		<div class="weibo-list">
			<dl></dl>
		</div>
		<div class="weibo-comment-list">
			<div class="comment-area">
				<h3>你的评论<h3>
				<textarea name="content"></textarea>
				<button type="submit" class="btn-reply">回应</button>
			</div>
		</div>
	</script>
	<script type="text/template" id="tplSetting">
		<div class="user_pic_big_border">
			<img src="/static/images/{%= userInfo.avatar %}" class="user_pic_big" />
		</div>
		<div class="upload_user_pic">
			<div class="text_for_upload_pic">请选择您喜欢的图片作为您的头像</div>
			<button class="btn_upload_pic btn-set-avatar">点击上传</button>
		</div>
		<div class="setting_list">
			<dl>
				<dt>昵称</dt>
				<dd>
	    			<input class="input_text btn-set-nickname" name="nickName" value="{%= nickName || '' %}" />
					<div class="msg_update_state">
					</div>
				</dd>
				<dt>姓名</dt>
				<dd>
	    			<input class="input_text btn-set-realname" name="realName" value="{%= userInfo.realName || '' %}" />
					<div class="msg_update_state">
					</div>
				</dd>				
				<dt>生日</dt>
				<dd>
	    			<input class="input_text btn-set-birthday" name="birthday" value="{%= userInfo.birthday || '' %}" />
					<div class="msg_update_state">
					</div>
				</dd>				
				<dt>居住地</dt>
				<dd>
	    			<input class="input_text btn-set-home" name="homeAddress" value="{%= userInfo.homeAddress || '' %}" />
					<div class="msg_update_state">
					</div>
				</dd>
				<dt>学校</dt>
				<dd>
	    			<input class="input_text btn-set-school" name="school" value="{%= userInfo.school || '' %}" />
					<div class="msg_update_state">
					</div>
				</dd>		
				<dt>学号</dt>
				<dd>
	    			<input class="input_text btn-set-studentId" name="studentId" value="{%= userInfo.studentId || '' %}" />
					<div class="msg_update_state">
					</div>
				</dd>							
				<dt>寝室</dt>
				<dd>
					<select class="select_text btn-set-dorm" name="dorm">
						{% dorms.forEach(function(dorm){ %}
						<option value="{%= dorm.dormId %}" 
							{% if(userInfo.dormId==dorm.dormId){ %}
								selected = "true"
							{% } %}
						>{%= dorm.dormName %}</option>
						{% }); %}
					</select>
					<div class="msg_update_state">
					</div>
				</dd>
				<dt>密码</dt>
				<div class="psw_box">
				<div class="label_for_psw">当前密码</div>
					<dd>
					<input type="password" class="input_text" name="oldPsw"/>
					</dd>
					<div class="label_for_psw">新密码</div>
					<dd>
					<input type="password" class="input_text_new_psw" name="newPsw"/>
					<div class="msg_update_state">
					</div>
					<input type="submit" name="submit_psw" class="btn_psw_submit btn-set-psw" value="更改密码" />
					</dd>
				</div>
			</dl>
		</div>
	</script>
	<script type="text/template" id="tplLibBooks">
		<div class="lib-leftpage">
		{% books.forEach(function(book,index){ %}
			<div class="lib-bookinfor">
				<a href="{%= book.url %}" target="_blank" class="lib-bookname">{%= book.title %}</a>
				<div class="lib-author">{%= book.author %}</div>
			</div>
			{% if( index === 4){ %}
				</div>
				<div class="lib-rightpage">
			{% } %}
		{% }); %}
		</div>
		<a href="#" class="lib-tap lib-research">
			返回<br>查询
		</a>
	</script>
	<script type="text/template" id="tplCitizenCard">
		<div class="pic">
			<img src="/static/images/{%= userInfo.avatar %}" alt="">
		</div>
		<div class="info">
			<p>
			<strong>{%= nickName %}</strong>
			</p>
			<p><span class="user-id">ID:1526463</span></p>
			<p class="loc">
			<a href="#" class="refer-node" title="">{%= userInfo.dormId || '' %}</a>
			</p>
		</div>
		<div class="desc"><span></span></div>
		<div class="badges">
		</div>
		<div class="opt">
			<a href="#" class="btn add-focus">关注</a>
			<ul>
				<li><a href="#" class="add-black">拉黑</a></li>
				<li><a href="#" class="add-msg">私信</a></li>
			</ul>
		</div>
	</script>
	<script type="text/template" id="tplPrivateMsg">
		<div class="addweibo">
			<textarea name="content" rows="10" cols="30"></textarea>
			<a class="msg-send" href="#">发送</a>
		</div>	
	</script>
	<script type="text/template" id="tplMinimap">
		<div id="minimap-view">
			<ul id="minimap-drag">
				<div class="minimap-current"></div>

				<div class="minimap-landmark landmark-7" style="top: 800px;left: 195px;">正门</div>
				<div class="minimap-landmark landmark-17" style="top: 173px;left: 485px;">工学部主教</div>
				<div class="minimap-landmark landmark-13" style="top: 465px;left: 440px;">宋卿体育馆</div>
				<div class="minimap-landmark landmark-15" style="top: 473px;left: 550px;">樱顶</div>
				<div class="minimap-landmark landmark-14" style="top: 451px;left: 550px;">老图书馆</div>
				<div class="minimap-landmark landmark-10" style="top: 532px;left: 430px;">中心湖</div>
				<div class="minimap-landmark landmark-11" style="top: 585px;left: 580px;">李达像</div>
				<div class="minimap-landmark landmark-12" style="top: 572px;left: 700px;">行政楼</div>
				<div class="minimap-landmark landmark-16" style="top: 580px;left: 1050px;">外语学院</div>
				<div class="minimap-landmark landmark-8" style="top: 760px;left: 770px;">珞珈山</div>
				<div class="minimap-landmark landmark-9" style="top: 630px;left: 383px;">新图书馆</div>
				<div class="minimap-landmark landmark-4" style="top: 1013px;left: 555px;">信息部图书馆</div>
				<div class="minimap-landmark landmark-3" style="top: 1075px;left: 530px;">信息学部运动场</div>
				<div class="minimap-landmark landmark-6" style="top: 1070px;left: 180px;">国际软件学院</div>
				<div class="minimap-landmark landmark-5" style="top: 1130px;left: 360px;">星湖</div>
				<div class="minimap-landmark landmark-2" style="top: 1130px;left: 540px;">信息学部一教</div>
				<div class="minimap-landmark landmark-2" style="top: 1190px;left: 555px;">友谊广场</div>
				<div class="minimap-landmark landmark-1" style="top: 1232px;left: 555px;">武测正门</div>

				<div class="minimap-pathname" style="top: 144px;left: 875px;">校园北路</div>
				<div class="minimap-pathname" style="top: 324px;left: 430px;">校园中路</div>
				<div class="minimap-pathname" style="top: 324px;left: 800px;">校园中路</div>
				<div class="minimap-pathname" style="top: 384px;left: 450px;">校园南路</div>
				<div class="minimap-pathname" style="top: 384px;left: 800px;">校园南路</div>
				<div class="minimap-pathname" style="top: 504px;left: 570px;">樱园路</div>
				<div class="minimap-pathname" style="top: 504px;left: 950px;">湖滨路</div>
				<div class="minimap-pathname" style="top: 564px;left: 580px;">文体路</div>
				<div class="minimap-pathname" style="top: 624px;left: 645px;">梅园一路</div>
				<div class="minimap-pathname" style="top: 684px;left: 645px;">梅园二路</div>
				<div class="minimap-pathname" style="top: 744px;left: 950px;">侧船山路</div>
				<div class="minimap-pathname" style="top: 804px;left: 780px;">珞珈路</div>
				<div class="minimap-pathname" style="top: 804px;left: 360px;">育才路</div>
				<div class="minimap-pathname" style="top: 924px;left: 355px;">爱校中路</div>
				<div class="minimap-pathname" style="top: 924px;left: 660px;">四维路</div>
				<div class="minimap-pathname" style="top: 1044px;left: 580px;">毕昇路</div>
				<div class="minimap-pathname" style="top: 1104px;left: 580px;">陕西路</div>
				<div class="minimap-pathname" style="top: 1164px;left: 580px;">北京路</div>
				<div class="minimap-pathname" style="top: 1164px;left: 360px;">桃李路</div>

				<div class="minimap-pathname-v" style="top: 170px;left: 970px;">校园东路</div>
				<div class="minimap-pathname-v" style="top: 260px;left: 220px;">校园西路</div>
				<div class="minimap-pathname-v" style="top: 230px;left: 370px;">迎宾路</div>
				<div class="minimap-pathname-v" style="top: 430px;left: 371px;">桂圆路</div>
				<div class="minimap-pathname-v" style="top: 450px;left: 220px;">校园一路</div>
				<div class="minimap-pathname-v" style="top: 630px;left: 370px;">科技路</div>
				<div class="minimap-pathname-v" style="top: 700px;left: 220px;">学府路</div>
				<div class="minimap-pathname-v" style="top: 690px;left: 520px;">珞珈路</div>
				<div class="minimap-pathname-v" style="top: 600px;left: 820px;">人文路</div>
				<div class="minimap-pathname-v" style="top: 600px;left: 1120px;">侧船山路</div>
				<div class="minimap-pathname-v" style="top: 980px;left: 220px;">爱校北路</div>
				<div class="minimap-pathname-v" style="top: 1115px;left: 220px;">湖北路</div>
				<div class="minimap-pathname-v" style="top: 1164px;left: 520px;">新疆路</div>
				<div class="minimap-pathname-v" style="top: 965px;left: 671px;">广东路</div>
				<div class="minimap-pathname-v" style="top: 1112px;left: 671px;">四川路</div>

				<li class="nodepre-0"></li>
				<li class="nodepre-1"></li>
				<li class="nodepre-2"></li>
				<li class="nodepre-3"></li>
				<li class="nodepre-4"></li>
				<li class="nodepre-5"></li>
				<li class="nodepre-6"></li>
				<li class="nodepre-7"></li>
				<li class="nodepre-8"></li>
				<li class="nodepre-9"></li>
				<li class="nodepre-10"></li>
				<li class="nodepre-11"></li>
				<li class="nodepre-12"></li>
				<li class="nodepre-13"></li>
				<li class="nodepre-14"></li>
				<li class="nodepre-15"></li>
				<li class="nodepre-16"></li>
				<li class="nodepre-17"></li>
				<li class="nodepre-18"></li>
				<li class="nodepre-19"></li>
				<li class="nodepre-20"></li>
				<li class="nodepre-21"></li>
				<li class="nodepre-22"></li>
				<li class="nodepre-23"></li>
				<li class="nodepre-24"></li>
				<li class="nodepre-25"></li>
				<li class="nodepre-26"></li>
				<li class="nodepre-27"></li>
				<li class="nodepre-28"></li>
				<li class="nodepre-29"></li>
				<li class="nodepre-30"></li>
				<li class="nodepre-31"></li>
				<li class="nodepre-32"></li>
				<li class="nodepre-33"></li>
				<li class="nodepre-34"></li>
				<li class="nodepre-35"></li>
				<li class="nodepre-36"></li>
				<li class="nodepre-37"></li>
				<li class="nodepre-38"></li>
				<li class="nodepre-39"></li>
				<li class="nodepre-40"></li>
				<li class="nodepre-41"></li>
				<li class="nodepre-42"></li>
				<li class="nodepre-43"></li>
				<li class="nodepre-44"></li>
				<li class="nodepre-45"></li>
				<li class="nodepre-46"></li>
				<li class="nodepre-47"></li>
				<li class="nodepre-48"></li>
				<li class="nodepre-49"></li>
				<li class="nodepre-50"></li>
				<li class="nodepre-51"></li>
				<li class="nodepre-52"></li>
				<li class="nodepre-53"></li>
				<li class="nodepre-54"></li>
				<li class="nodepre-55"></li>
				<li class="nodepre-56"></li>
				<li class="nodepre-57"></li>
				<li class="nodepre-58"></li>
				<li class="nodepre-59"></li>
				<li class="nodepre-60"></li>
				<li class="nodepre-61"></li>
				<li class="nodepre-62"></li>
				<li class="nodepre-63"></li>
				<li class="nodepre-64"></li>
				<li class="nodepre-65"></li>
				<li class="nodepre-66"></li>
				<li class="nodepre-67"></li>
				<li class="nodepre-68"></li>
				<li class="nodepre-69"></li>
				<li class="nodepre-70"></li>
				<li class="nodepre-71"></li>
				<li class="nodepre-72"></li>
				<li class="nodepre-73"></li>
				<li class="nodepre-74"></li>
				<li class="nodepre-75"></li>
				<li class="nodepre-76"></li>
				<li class="nodepre-77"></li>
				<li class="nodepre-78"></li>
				<li class="nodepre-79"></li>
				<li class="nodepre-80"></li>
				<li class="nodepre-81"></li>
				<li class="nodepre-82"></li>
				<li class="nodepre-83"></li>
				<li class="nodepre-84"></li>
				<li class="nodepre-85"></li>
				<li class="nodepre-86"></li>
				<li class="nodepre-87"></li>
				<li class="nodepre-88"></li>
				<li class="nodepre-89"></li>
				<li class="nodepre-90"></li>
				<li class="nodepre-91"></li>
				<li class="nodepre-92"></li>
				<li class="nodepre-93"></li>
				<li class="nodepre-94"></li>
				<li class="nodepre-95"></li>
				<li class="nodepre-96"></li>
				<li class="nodepre-97"></li>
				<li class="nodepre-98"></li>
				<li class="nodepre-99"></li>
				<li class="nodepre-100"></li>
				<li class="nodepre-101"></li>
				<li class="nodepre-102"></li>
				<li class="nodepre-103"></li>
				<li class="nodepre-104"></li>
				<li class="nodepre-105"></li>
				<li class="nodepre-106"></li>
				<li class="nodepre-107"></li>
				<li class="nodepre-108"></li>
				<li class="nodepre-109"></li>
				<li class="nodepre-110"></li>
				<li class="nodepre-111"></li>
				<li class="nodepre-112"></li>
				<li class="nodepre-113"></li>
				<li class="nodepre-114"></li>
				<li class="nodepre-115"></li>
				<li class="nodepre-116"></li>
				<li class="nodepre-117"></li>
				<li class="nodepre-118"></li>
				<li class="nodepre-119"></li>
				<li class="nodepre-120"></li>
				<li class="nodepre-121"></li>
				<li class="nodepre-122"></li>
				<li class="nodepre-123"></li>
				<li class="nodepre-124"></li>
				<li class="nodepre-125"></li>
				<li class="nodepre-126"></li>
				<li class="nodepre-127"></li>
				<li class="nodepre-128"></li>
				<li class="nodepre-129"></li>
				<li class="nodepre-130"></li>
				<li class="nodepre-131"></li>
				<li class="nodepre-132"></li>
				<li class="nodepre-133"></li>
				<li class="nodepre-134"></li>
				<li class="nodepre-135"></li>
				<li class="nodepre-136"></li>
				<li class="nodepre-137"></li>
				<li class="nodepre-138"></li>
				<li class="nodepre-139"></li>
				<li class="nodepre-140"></li>
				<li class="nodepre-141"></li>
				<li class="nodepre-142"></li>
				<li class="nodepre-143"></li>
				<li class="nodepre-144"></li>
				<li class="nodepre-145"></li>
				<li class="nodepre-146"></li>
				<li class="nodepre-147"></li>
				<li class="nodepre-148"></li>
				<li class="nodepre-149"></li>
				<li class="nodepre-150"></li>
				<li class="nodepre-151"></li>
				<li class="nodepre-152"></li>
				<li class="nodepre-153"></li>
				<li class="nodepre-154"></li>
				<li class="nodepre-155"></li>
				<li class="nodepre-156"></li>
				<li class="nodepre-157"></li>
				<li class="nodepre-158"></li>
				<li class="nodepre-159"></li>
				<li class="nodepre-160"></li>
				<li class="nodepre-161"></li>
				<li class="nodepre-162"></li>
				<li class="nodepre-163"></li>
				<li class="nodepre-164"></li>
				<li class="nodepre-165"></li>
				<li class="nodepre-166"></li>
				<li class="nodepre-167"></li>
				<li class="nodepre-168"></li>
				<li class="nodepre-169"></li>
				<li class="nodepre-170"></li>
				<li class="nodepre-171"></li>
				<li class="nodepre-172"></li>
				<li class="nodepre-173"></li>
				<li class="nodepre-174"></li>
				<li class="nodepre-175"></li>
				<li class="nodepre-176"></li>
				<li class="nodepre-177"></li>
				<li class="nodepre-178"></li>
				<li class="nodepre-179"></li>
				<li class="nodepre-180"></li>
				<li class="nodepre-181"></li>
				<li class="nodepre-182"></li>
				<li class="nodepre-183"></li>
				<li class="nodepre-184"></li>
				<li class="nodepre-185"></li>
				<li class="nodepre-186"></li>
				<li class="nodepre-187"></li>
				<li class="nodepre-188"></li>
			</ul>
		</div>
	</script>
	<script type="text/template" id="tplResident">
		<li class="dormitory-li">
			<div class="dormitory-block">
				<div class="dormitory-photo"><img src="/static/images/{%= userInfo.avatar %}" style="width:70px;height:70px;"></div>
				<div class="dormitory-name">{%= nickName %}</div>
			</div>
		</li>
	</script>
	<script type="text/template" id="tplCanRightLi">
		{% messages.forEach(function(message){ %}
		<li class="restaurant-right-li">
			<div class="restaurant-right-dialogbox1">
				<div class="restaurant-right-text">
					{%= message.contents %}
				</div>
			</div>
		</li>
		{% }); %}
	</script>
	<script type="text/template" id="tplCanMidItem">
	</script>
	<script type="text/template" id="tplCanMidLi">
		{% messages.forEach(function(message){ %}
		<li class="restaurant-mid-li">
			{%= message.contents %}
			<div class="restaurant-mid-line"></div>
		</li>
		{% }); %}
	</script>
	<script type="text/template" id="tplCanLeftLi">
		{% recommends.forEach(function(recommend){ %}
		<li class="restaurant-left-li">
			<div class="restaurant-left-note">
				<div class="restaurant-left-photo">
					<img src="/static/images/{%= recommend.userInfo.userInfo.avatar %}" />
				</div>
				<div class="restaurant-left-infor">
					<div class="restaurant-left-name">
						{%= recommend.userInfo.nickName %}
					</div>
					<div class="restaurant-left-time">
						{%= recommend.dateTime %}
					</div>
				</div>
				<div class="restaurant-left-review">
					{%= recommend.contents %}
				</div>
				<div class="restaurant-left-picturebox">
					<div class="restaurant-left-picture">
						<img src="/static/images/{%= recommend.picture %}" />
					</div>
				</div>
			</div>
		</li>
		{% }); %}
	</script>
	<script type="text/template" id="tplRank">
		<div class="grade">
				<div class="welcometext">前人之鉴，后事之师...感谢您的评分
				</div>
				<div class="select_restaurant">
				<select>
					<option value ="">-- 请选择相应餐铺 --</option>
					<option value ="">广东烧鹅饭</option>
					<option value ="">包子铺</option>
					<option value="">拉面铺子</option>
					<option value="">麻辣烫</option>
				</select>
			</div>
				<div id="rating" data="3_3"></div>
			</div>
	</script>
	<script type="text/template" id="tplRecommend">
		<div class="addweibo">
			<button class="recommend-pic"></button>请上传美食图片
			<textarea class="recommand-content" name="content" rows="10" cols="30"></textarea>
			<a class="recommend" href="#">推荐</a>
		</div>
	</script>
	<script type="text/template" id="tplMessage">
		<div class="addweibo">
			<textarea class="message-content" name="content" rows="10" cols="30"></textarea>
			<a class="message" href="#">留言</a>
		</div>
	</script>
	<script type="text/template" id="tplClassRightLi">
		{% messages.forEach(function(message){ %}
		<li class="class-right-li">
			<div class="class-right-note">
				<div class="class-right-photo">
					<img src="/static/images/{%= message.user.userInfo.avatar %}" />
				</div>
				<div class="class-right-infor">
					<div class="class-right-name">{%= message.user.nickName %}</div>
					<div class="class-right-time">{%= message.datetime %}</div>
				</div>
				<div class="class-right-action">
					<a href="#" class="class-right-share"></a>
					<a href="#" class="class-right-chat"></a>
				</div>
				<div class="class-right-textbox">
					<div class="class-right-text">{%= message.contents %}</div>
				</div>
			</div>
		</li>
		{% }); %}
	</script>
	<script type="text/template" id="tplClassMidDiv">
		{% floors.forEach(function(floor){ %}
		<div class="class-mid-floor1">
			<p class="floorname"><h1>{%= floor.name %}楼：</h></p>
			<ul>
				{% floor.roomList.forEach(function(room){ %}
				<li>{%= room %}</li>
				{% }); %}
			</ul>
		</div>
		{% }); %}
	</script>
</body>
</html>